/*
Theme Name: Emerald Animal Hospital
Theme URI: http://www.emeraldanimalhospital.com
Description: 
Version: 1.0
Author: Filament72 LLC
Author URI: http://www.filament72.com
Tags:
*/

@import "base.css";


a.top { color: #893003; font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; float: right; }
.pageCenter { width: 970px; margin-right: auto; margin-left: auto; }
#strctrWrap { background-image: url(images/BG-maintexture.gif); height: auto; width: 100%; float: left; }

.content50 { height: auto; width: 49%; }

h4.date { text-transform: uppercase; text-decoration: none; background-color: #EEE; padding: 1px; }

a.more { font-size: 10px; line-height: 10px; font-weight: bold; text-transform: uppercase; color: #FFF; text-decoration: none; background-image: url(images/BG-more.png); background-repeat: no-repeat; background-position: right top; width: auto; padding: 1px 10px 0px 4px; height: 13px; font-family: Helvetica, Arial, sans-serif; background-color: transparent; float: right; display: inline; margin-top: 3px; overflow: hidden; }
a.more:hover { background-position: right bottom; }

#greenWrap { background-image: url(images/BG-greenFade.jpg); background-repeat: repeat-x; width: 100%; }
#petsWrap { background-image: url(images/BG-pets.jpg); background-repeat: no-repeat; width: 100%; min-height: 398px; background-position: center top; }
#wellBG { background-image: url(images/BG-whtWellShad.png); background-repeat: repeat-y; width: 100%; background-position: center top; min-height:398px; }

#headWrap { width: 100%; }
#headWrap01 { margin: 0px; padding: 0px; float: left; height: 116px; top: 0px; width: 970px; }
h1#logo { float: left; display: inline; width: 243px; height: 129px; margin: 0px 0px 0px 28px; padding: 0px; position: absolute; top: 7px; z-index: 5; }
h1#logo a { display: block; height: 129px; background-image: url(images/EAHlogo.png); background-repeat: no-repeat; }

ul.socnet { height: 26px; width: auto; float: right; border-left-style: none; margin: 0px; padding: 28px 0px 0px; display: inline; background-color: transparent; }
ul.socnet li { display: inline; border-left-style: none; width: auto; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; }
ul.socnet li.hrs { display: inline; border-left-style: none; font-family: 'Oswald', Verdana, Geneva, sans-serif; font-size: 18px; line-height: 18px; color: #008752; margin-left: 8px; float: left; width: auto; margin-top: 4px; margin-right: 8px; }
ul.socnet li.num { display: inline; border-left-style: none; font-family: 'Oswald', Verdana, Geneva, sans-serif; font-size: 24px; line-height: 24px; color: #008752; padding-top: 1px; padding-left: 0px; margin-left: 8px; float: left; width: auto; margin-right: 6px; }
ul.socnet li  a { width: auto; float: left; background-repeat: no-repeat; background-position: left top; overflow: hidden; padding: 0px; margin: 0px; color: #008752; text-decoration: none; }
ul.socnet li a:hover { background-position: bottom; }
ul.socnet li ul { height: 26px; width: auto; display: inline; float: left; border-left-style: none; margin: 0px; padding: 0px; top: 0px; left: 0px; }
ul.socnet li ul li { display: inline; border-left-style: none; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; }
ul.socnet li ul li a { border-left-style: none; background-repeat: no-repeat; background-position: left top; text-indent: -99999px; background-color: transparent; float: left; height: 26px; width: 26px; margin: 0px 0px 0px 8px; padding: 0px; }
ul.socnet li ul li.FcBk a { background-image: url(images/BTN_SNFB.png); }
ul.socnet li ul li.email a { background-image: url(images/BTN_SNEML.png); }
ul.socnet li ul li.Twtr a { display:none; background-image: url(images/BTN_SNTWTR.png); }
ul.socnet li ul li.youtube a { display:none; background-image: url(images/BTN_SNYOUTUBE.png); margin-right: 0px; padding-right: 0px; }

#mainNav { padding: 0px; float: right; height: 62px; margin: 0px; background-color: transparent; }
#mainNav ul { padding: 0px; height: 52px; width: auto; font-family: 'Oswald', Verdana, Geneva, sans-serif; font-size: 18px; line-height: 18px; font-weight: normal; color: #333; text-transform: uppercase; margin: 10px 0px 0px; background-color: transparent; }
#mainNav ul li { margin: 0px; padding: 0px; width: auto; display: inline; position: relative; float: left; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: auto; }
#mainNav ul li a { margin: 0px; padding: 12px 10px 0px; width: auto; height: 40px; float: left; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom-style: none; text-decoration: none; color: #333; }
#mainNav ul li a:hover { color: #FFF; text-decoration: none; background-color: #7F341D; width: auto; }
#mainNav ul li:hover, #mainNav ul li:hover a { color: #FFF; text-decoration: none; background-color: #7D3624; width: auto; }
#mainNav ul li:hover ul { display:block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#mainNav ul li ul { position: absolute; background-color: #333; min-width:150px; text-align: left; top: 42px; height: auto; left: 0px; bottom: auto; right: auto; display: none; z-index: 10; }
#mainNav ul li ul li { position: relative; background-image: none; height: auto; min-width: 150px; left: 0px; float: left; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-width: 1px; border-top-color: #CCC; border-bottom-width: 1px; border-bottom-color: #000; color: #CCC; }
#mainNav ul li ul li:hover { background-color: #666; background-image: none; }
#mainNav ul li ul li a { position: relative; background-image: none; height: auto; left: 0px; border-bottom-style: none; display: block; border-top-style: none; border-right-style: none; border-left-style: none; font-size: 10px; padding: 5px 0px 5px 9px; min-width: 141px; color: #CCC; }
#mainNav ul li ul li a:hover { color: #FFF; background-color: transparent; background-image: none; }

#slider-holder { height: 362px; width: 970px; float: left; margin: 0px; padding: 0px; }
#slider-content { position: relative; width: 970px; height: 362px; z-index: 2; overflow: hidden; top: 0px; margin: 0px; padding: 0px; }
#slider-content ul { position: relative; height: 100%; list-style: none outside none; overflow: hidden; z-index: 2; margin: 0px; padding: 0px; }
#slider-content ul li { position: absolute; top: 0; left: 0; width: 970px; height: 362px; display: none; margin: 0px; padding: 0px; }

#heroWrap { width: 100%; height: 145px; overflow: hidden; }
body.home #heroWrap { height: 362px; }

.specials a{ height: 158px; width: 158px; position: relative; float: right; background-image: url(images/specialCorner.png); background-repeat: no-repeat; top: -145px; z-index: 10; right: 0px; }

body.home .specials a { top: -362px; }
#wellWrap { width: 100%; margin: 0px; padding: 0px; }
.featContainer { height: 145px; width: 100%; overflow: hidden; }
body.home .featContainer { height: 362px; }
.crrntFeature { width: 970px; height: 145px; margin: 0px; padding: 0px; float: left; position: absolute; }
body.home .crrntFeature { height: 362px; }
#cntntWrap01 { color: #e5e4da; background-color: #7d3520; background-image: none; height: auto; width: auto; padding-top: 24px; padding-bottom: 25px; padding-left: 243px;height: auto; width: auto; }
body.home #cntntWrap01 { background-color: #5b2110; background-image: url(images/BG-maroonFade.jpg); background-repeat: repeat-x; background-position: center top; padding-left: 87px; }
#cntntWrap01 h1 { font-family: 'Oswald', Verdana, Geneva, sans-serif; font-size: 36px; line-height: 36px; margin: 0px; padding: 0px; text-transform: uppercase; text-shadow: 1px 1px 0px #333333; color: #e5e4da; }
.oneColWrap { background-color: transparent; padding: 0px; height: auto; width: 970px; background-image: url(images/BG-secHead.png); background-repeat: no-repeat; background-position: center top; }
.halfColWrap { float: left; width: 451px; background-image: url(images/BG-secHead.png); background-repeat: no-repeat; background-position: center top; padding: 0px 17px 20px; font-size: 12px; line-height: 16px; }
.halfColWrap h2 { font-size: 22px; line-height: 22px; }

.photoBorder { height: auto; width: auto; border: 5px solid #e3e2d8; float: left; margin-right: 10px; }



h1.sectionBG { font-family: 'Oswald', Verdana, Geneva, sans-serif; color: #5b2110; font-size: 30px; line-height: 30px; text-transform: uppercase; text-decoration: none; height: 62px; width: 100%; padding-top: 20px; text-align: center; text-shadow: 1px 1px 0px #FFFFFF; }
h1.sectionBG a { font-family: 'Oswald', Verdana, Geneva, sans-serif; color: #5b2110; font-size: 30px; line-height: 30px; text-transform: uppercase; text-decoration: none; height: 62px; width: 100%; padding-top: 20px; text-align: center; text-shadow: 1px 1px 0px #FFFFFF; }
h1.sectionBG a:hover { text-decoration: underline; }


html.oldie h1.sectionBG  { background-color: #e3e2d9; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#e3e2d9) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#e3e2d9) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#FFFFFF"}

#cntntWrap01 .cntntContainer01{ margin: 0px 35px 0px 0px; padding: 0px; float: left; height: 175px; width: 242px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; text-align: justify; text-shadow: 1px 1px 0px #333333; }
html.oldie #cntntWrap01 .cntntContainer01 { background-color: #6d2c19; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#6d2c19) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#333333); -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#6d2c19) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#333333)"}
.cntntContainer02 { float: left; height: auto; width: 225px; padding-left: 17px; padding-bottom: 35px; }

.oneColWrap ul.cntntContainer02 { float: left; margin: 0px; padding-top: 0px; padding-right: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; }
.oneColWrap ul.cntntContainer02 li { padding-bottom: 0px; padding-left: 0px; list-style-type: disc; width: 100%; }

ul.news { margin: 0px; padding: 0px; height: auto; width: 100%; float: left; }
ul.news li.postContainer { width: 100%; margin-bottom: 3px; padding-top: 6px; padding-bottom: 12px; border-bottom-style: none; background-image: url(images/BG-hr.gif); background-repeat: repeat-x; background-position: bottom; margin-top: 3px; list-style-type: none; }
ul.news li.postContainer:hover { }
ul.news li.postContainer .leftColumn { height: 32px; width: 30px; float: left; padding: 0px; margin: 0px; font-size: 10px; line-height: 10px; color: #bfc5c7; text-align: center; overflow: hidden; border: 2px solid #CCC; background-color: #5b2110; background-image: url(images/BG-date.jpg); background-repeat: repeat-x; background-position: 10px; }
ul.news li.postContainer .dateWrap { height: 32px; width: 30px; float: left; padding: 0px; margin: 0px; font-size: 10px; line-height: 10px; color: #bfc5c7; text-align: center; overflow: hidden; }
ul.news li.postContainer .leftColumn .month { height: 9px; width: 100%; padding: 0px; margin: 0px; font-size: 9px; line-height: 9px; color: #bfc5c7; text-align: center; overflow: hidden; background-color: #333; }
ul.news li.postContainer .leftColumn .day { height: 14px; width: 100%; padding: 0px; margin: 0px; font-size: 14px; line-height: 14px; color: #bbceae; text-align: center; overflow: hidden; font-weight: bold; }
ul.news li.postContainer .leftColumn .year { height: 9px; width: 100%; padding: 0px; margin: 0px; font-size: 9px; line-height: 9px; color: #EEE; text-align: center; overflow: hidden; }
ul.news li.postContainer .rightColumn { height: auto; width: 92%; float: right; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
body.home ul.news li.postContainer .rightColumn { width: 90%; padding-top: 3px; }
ul.news li.postContainer h2 { overflow: hidden; text-decoration: none; font-size: 22px; line-height: 22px; margin-top: 0px; padding-top: 0px; }
ul.news li.postContainer h2 a { overflow: hidden; text-decoration: none; font-size: 22px; line-height: 22px; margin-top: 0px; padding-top: 0px; }
ul.news li.postContainer h2 a:hover { color: #FFF; background-color: #5B2110; }
body.home ul.news li.postContainer h2 a { overflow: hidden; text-decoration: none; font-size: 22px; line-height: 22px; }
body.home ul.news li.postContainer h2 a:hover { color: #FFF; background-color: #5B2110; }

.borderLeft  { overflow: hidden; border: 5px solid #e4e3d9; margin-right: 10px; float: left; }
.borderRight  { overflow: hidden; border: 3px solid #000; float: right; margin-left: 10px; }

.caretips .leftColumn { height: auto; width: 135px; float: left; padding: 0px; margin: 0px; overflow: hidden; }
.caretips .rightColumn { height: auto; width: 297px; float: right; margin: 0px; padding: 5px 0px 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.caretips .rightColumn h2 a { text-decoration: none; }
.caretips .rightColumn h2 a:hover { color: #FFF; background-color: #5B2110; }

#footerWrap { width: 100%; float: left; padding-bottom: 20px; font-size: 13px; line-height: 13px; }
.footDivide { height: auto; width: 100%; padding-top: 19px; padding-bottom: 19px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #6a7c83; color: #6a7c83; }
#footerWrap h2 { font-family: 'Oswald', Verdana, Geneva, sans-serif; color: #333333; margin: 0px; padding: 0px; line-height: 30px; }
/*#footerWrap span { font-size: 18px; line-height: 18px; float: left; }*/
#footerWrap .leftColumn { float: left; height: auto; width: 330px; margin: 0px; padding: 0px; }
#footerWrap .rightColumn { float: right; height: auto; width: 620px; text-align: right; }

#footerWrap ul.socnet { padding-top: 0px; }
ul.hours { height: auto; width: auto; float: right; margin: 0px; padding: 0px; position: static; display: inline; }
ul.hours li { display: inline; border-left-style: none; width: auto; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; height: auto; margin: 0px; padding: 0px; }
ul.hours li.hrs { display: inline; border-left-style: none; font-family: 'Oswald', Verdana, Geneva, sans-serif; font-size: 18px; line-height: 18px; color: #008752; float: left; width: auto; padding: 0px; margin: 4px 8px 0px; }
ul.hours li ul { font-family: 'Oswald', Verdana, Geneva, sans-serif; font-size: 14px; height: 42px; width: auto; display: inline; border-left-style: none; margin: 0px; padding: 0px; top: 0px; left: 0px; right: auto; bottom: auto; line-height: 14px; color: #6b7c83; }
ul.hours li ul li { height: 42px; width: 91px; display: inline; border-left-style: none; margin: 0px 0px 0px 8px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; float: left; }
ul.hours li ul li .date { height: auto; width: 100%; display: inline; margin: 0px; padding: 0px 0px 4px; text-align: center; float: left; }
ul.hours li ul li .time { height: 14px; width: 100%; display: inline; margin: 0px; padding: 4px 0px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #6b7c83; text-align: center; float: left; }

a.f72 { background-image: url(images/f72tag.png); background-repeat: no-repeat; text-indent: -999999px; height: 35px; width: 150px; overflow: hidden; float: right; background-position: top; margin-top: 9px; }
a.f72:hover { background-position: bottom; }
html.oldie body.page #cntntWrap01 h1 { background-color: #7D3520; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#7D3520) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#333333); -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#7D3520) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#333333)" }

.youtubeContainer { float: right; height: 315px; width: 420px; margin: 10px; }

body.page h3 { overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; color: #333; font-weight: normal; margin: 0px; padding: 1em 0em 0.25em; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDD; }

.oneColWrapBCK { background-color: transparent; padding: 7px 27px 35px 243px; height: auto; width: 700px; border-top-width: 5px; border-top-style: solid; border-top-color: #a5bb95; background-image: url(images/BG-paws.jpg); background-repeat: repeat-y; background-position: left top; margin: 0px; }

.pagination { clear:both; padding:20px 0; position:relative; font-size:10px; line-height:10px; font-weight: bold; text-transform: uppercase; }
.pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#FFF; background-color: #666; }
.pagination a:hover, .pagination span.current{ background-color: #333; }

.addthis_toolbox, .addthis_default_style { background-color: transparent; float: right; height: auto; width: auto; display: block; padding-bottom: 3px; padding-left: 5px; padding-top: 5px; }

.wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* optional rounded corners for browsers that support it */ margin: 10px; padding-top: 4px; text-align: center; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text {	font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }


#adSpace { background-color: #e3e2d9; height: auto; width: 100%; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #a5b897; margin: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }

#adSpace .leftColumn {
	float: left;
	height: 100%;
	width: 40%;
	padding: 0px;
	margin-top: 1%;
	margin-bottom: 0px;
	margin-left: 0px;
}
#adSpace .leftColumn a {
	background-image: url(images/BTN-homedelivery.png);
	background-repeat: no-repeat;
	text-indent: -999999px;
	float:right;
	height: 46px;
	width: 257px;
	overflow: hidden;
	background-position: top top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	display: block;
}

#adSpace .leftColumn a:hover { background-position: bottom; 
}
#adSpace .rightColumn {
	margin: 0px;
	float: left;
	height: auto;
	width: 54%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
	font-size: 1.28571em;
	line-height: normal;
	color: #5b2110;
	text-align: left;
}